<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <title>天气</title>
    <link rel="stylesheet" href="index.css"> </head>

<body>
    <div class="container">
        <div class="input">
            <input type="text" id="ipt" placeholder="请输入城市查询天气"> <a href="#"><i class="sou"></i></a> </div>
        <div class="qa">城市: <span id="city"></span></div>
        <div class="qa">天气: <span id="whte"></span></div>
        <div class="mei">
        	<ul class="dert"> 
        	</ul>
        </div>
        <div class="but"> <em>分时段预报</em> <em class="on">生活指数</em> </div>
        <div class="zong">
            <div class="non"> 
            	<ul class="sda"></ul>
            </div>
            <div class="huo">
                <ul>
<!--
                    <li> <i></i> <span>弱</span> <em>紫外线指数</em>
                        <p>辐射较弱，涂擦SPF12-15、PA+护肤品。</p>
                    </li>
                    <li> <i></i> <span>弱</span> <em>紫外线指数</em>
                        <p>辐射较弱，涂擦SPF12-15、PA+护肤品。</p>
                    </li>
                    <li> <i></i> <span>弱</span> <em>紫外线指数</em>
                        <p>辐射较弱，涂擦SPF12-15、PA+护肤品。</p>
                    </li>
                    <li> <i></i> <span>弱</span> <em>紫外线指数</em>
                        <p>辐射较弱，涂擦SPF12-15、PA+护肤品。</p>
                    </li>
                    <li> <i></i> <span>弱</span> <em>紫外线指数</em>
                        <p>辐射较弱，涂擦SPF12-15、PA+护肤品。</p>
                    </li>
                    <li> <i></i> <span>弱</span> <em>紫外线指数</em>
                        <p>辐射较弱，涂擦SPF12-15、PA+护肤品。</p>
                    </li>
-->
                </ul>
            </div>
        </div>
    </div>
    <script src="script.js"></script>
</body>

</html>